$(function () {
    // 加载layui模板
    layui.use(['laydate', 'table', 'form'], function () {
        let table = layui.table;
        let form = layui.form;
        let laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#startBirthday', //指定元素
            trigger: 'click'
        });
        //执行一个laydate实例
        laydate.render({
            elem: '#endBirthday', //指定元素
            trigger: 'click'
        });
        form.on('submit(search)', function (data) {
            data = data.field;
            let hobby = [];
            $("input[type=checkbox][name=hobby]:checked").each(function (index, d) {
                // console.log(d.title);
                hobby.push(d.title);
            })
            data.hobby = hobby.toString();
            console.log(data);
            //禁止刷新页面
            table.render({
                elem: '#table'
                , where: data
                , url: '/back/user/findAll'//对应Java后台的webservlet的地址
                , cols: [[//列对应model的属性名
                    {field: 'id', title: 'ID', fixed: 'left', sort: true}
                    , {field: 'name', title: '用户名', edit: 'text'}
                    , {
                        field: 'email', title: '邮箱', edit: 'text', templet: function (res) {
                            return '<em>' + res.email + '</em>'
                        }
                    }
                    , {field: 'sex', title: '性别', edit: 'text', sort: true}
                    , {field: 'phone', title: '手机'}
                    , {field: 'hobby', title: '爱好'}
                    , {
                        field: 'enable', title: '状态', templet: function (d) {
                            return d.enable == 1 ? "<span style='color: green'>启用</span>" : "<span style='color: red'>禁用</span>";
                        }
                    }
                    , {field: 'birthday', title: '生日', sort: true}
                    , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 230}
                ]]
                , page: true//开启分页
            });
            return false;
        });
        // 表格渲染
        table.render({
            elem: '#table'
            , url: '/back/user/findAll'//对应Java后台的webservlet的地址
            , where: {loginName: sessionStorage.getItem("username")}
            , cols: [[//列对应model的属性名
                {field: 'id', title: 'ID', fixed: 'left', sort: true}
                , {field: 'name', title: '用户名', edit: 'text'}
                , {
                    field: 'email', title: '邮箱', edit: 'text', templet: function (res) {
                        return '<em>' + res.email + '</em>'
                    }
                }
                , {field: 'sex', title: '性别', edit: 'text', sort: true}
                , {field: 'phone', title: '手机'}
                , {field: 'hobby', title: '爱好'}
                , {
                    field: 'enable', title: '状态', templet: function (d) {
                        return d.enable == 1 ? "<span style='color: green'>启用</span>" : "<span style='color: red'>禁用</span>";
                    }
                }
                , {field: 'birthday', title: '生日', sort: true}
                , {fixed: 'right', title: '操作', toolbar: '#barDemo', width: 230}
            ]]
            , page: true//开启分页
        });


        //监听行工具事件
        table.on('tool(table)', function (obj) {
            var data = obj.data;
            console.log(obj)
            if (obj.event === 'del') {
                //对应重要的信息进行删除时，需要再次提醒用户
                layer.confirm('真的删除行么', function (index) {
                    // layer.confirm('确定真的删除行么', function (index) {
                    $.ajax({
                        url: '/back/user/delete',
                        data: {id: data.id},
                        type: 'post',
                        dataType: 'json',
                        success: function (res) {
                            if (res.count > 0) {
                                layer.msg("删除成功");
                                obj.del();
                                layer.close(index);
                            } else {
                                layer.msg("删除失败");
                            }
                        }
                    })
                    // })


                });
            } else if (obj.event === 'edit') {
                // sessionStorage.setItem("user", JSON.stringify(data));
                sessionStorage.setItem("userId", data.id);
                xadmin.open('修改用户', '/html/user/user-update.html', 600, 400)
            } else if (obj.event === 'password') {
                //如果要传递对象，则需要将对象转换为json对象
                sessionStorage.setItem("user", JSON.stringify(data));
                xadmin.open('修改密码', '/html/user/user-password.html', 600, 400)
            }
        });
    });

})